<template>
	<footer>
		<ul>
			<li v-for="item in footList">
				<router-link :to="item.url">{{ item.title }}</router-link>
			</li>
		</ul>
	</footer>
</template>
	
<script>
export default {
   	data() {
      	return {
			
      	}
   	},
   	props : {
   		footList : {
   			type : Array,
   			default :
	   		[
				{
					url : '/',
					title : '借款'
				},
				{
					url : '/credit',
					title : '信用'
				},
				{
					url : '/user',
					title : '个人中心'
				},
			]
		}
   	},
}
</script>

<style lang="">
	footer{width: 100%; overflow: hidden; background:#e3e3e3; border-top:2px solid #dcdcdc;}
	footer li{float: left; width: 33.33%; line-height:0.45rem; text-align: center;}
	footer a{display: block; color: #333;}
	footer .router-link-exact-active{color: #32AAF3;}
</style>
